<template>
  <div>
    <mt-tabbar v-model="selected">
      <mt-tab-item id="外卖" @click.native='goto("/msite")'>
        <img slot="icon" src="./images/外卖.png">
        外卖
      </mt-tab-item>
      <mt-tab-item id="搜索" @click.native='goto("/search")'>
        <img slot="icon" src="./images/搜索.png">
        搜索
      </mt-tab-item>
      <mt-tab-item id="订单" tag="router-link"  @click.native='goto("/order")'>
        <img slot="icon" src="./images/订单.png">
        订单
      </mt-tab-item>
      <mt-tab-item id="我的"  @click.native='goto("/profile")'>
        <img slot="icon" src="./images/我的.png">
        我的
      </mt-tab-item>
    </mt-tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      selected: "外卖"
    };
  },
  methods: {
      goto(path){
         this.$router.push(path)
      }
  },
};
</script>
<style lang="stylus" scoped>
</style>
